<%@ page contentType="text/html;charset=UTF-8" language="java" %>
$("#searchResult").hide();
    $("#input").keyup(function () {
        if($(this).val()!=""){
            $.post({
                url:"${pageContext.request.contextPath}/blog/searchAjax",
                data:{"searchText":$("#input").val()},
                success:function (data) {
                    if (data.length!=0){
                        var list="<ul style='color: white'>";
                        var dataLength=(data.length>5)?5:data.length;
                        for (let i = 0; i <dataLength; i++) {
                            list+="<li>"+data[i]+"</li>";
                        }
                        list+="</ul>";
                        //把列表输出
                        $("#searchResult").html(list).show();
                        $("#searchResult").find("li").mouseenter(function () {
                            $("#input").val($(this).text());
                            $(this).css({
                                background:'#403d3d'
                            })
                        }).mouseleave(function () {
                            $(this).css({
                                background:'#777777'
                            })
                        }).click(function () {
                            $("#input").val($(this).text());
                            $("#searchResult").hide();
                        })
                    }
                    else{
                        $("#searchResult").hide();
                    }
                }
            })
        }
    });

